<!DOCTYPE html>


  <html class="light page-post">


<head>
  <meta charset="utf-8">
  
  <title>使用SublimeText 编辑Markdown 文件并预览 | 东窗随笔</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  
    <meta name="keywords" content="Markdown," />
  

  <meta name="description" content="使用SublimeText 编辑Markdown 文件并预览">
<meta property="og:type" content="article">
<meta property="og:title" content="使用SublimeText 编辑Markdown 文件并预览">
<meta property="og:url" content="http://hanlyjiang.github.io/2015/04/26/write-markdown-using-sublimetext-on-windows/index.html">
<meta property="og:site_name" content="东窗随笔">
<meta property="og:description" content="使用SublimeText 编辑Markdown 文件并预览">
<meta property="og:updated_time" content="2016-12-08T10:13:52.796Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="使用SublimeText 编辑Markdown 文件并预览">
<meta name="twitter:description" content="使用SublimeText 编辑Markdown 文件并预览">

  

  
    <link rel="icon" href="/favicon.ico">
  

  <link href="/css/styles.css?v=d671a41f" rel="stylesheet">


  
    <link rel="stylesheet" href="/css/personal-style.css">
  

  

  
  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?57e94d016e201fba3603a8a2b0263af0";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>



  
    <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  

  
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">
  
</head>

<body>


  
    <span id="toolbox-mobile" class="toolbox-mobile">观乎</span>
  

  <div class="post-header CENTER">
   
  <div class="toolbox">
    <a class="toolbox-entry" href="/">
      <span class="toolbox-entry-text">观乎</span>
      <i class="icon-angle-down"></i>
      <i class="icon-home"></i>
    </a>
    <ul class="list-toolbox">
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/archives/"
            rel="noopener noreferrer"
            target="_self"
            >
            博客
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/category/"
            rel="noopener noreferrer"
            target="_self"
            >
            分类
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/tag/"
            rel="noopener noreferrer"
            target="_self"
            >
            标签
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/about/"
            rel="noopener noreferrer"
            target="_self"
            >
            关于
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/atom.xml"
            rel="noopener noreferrer"
            target="_blank"
            >
            RSS
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/search/"
            rel="noopener noreferrer"
            target="_self"
            >
            搜索
          </a>
        </li>
      
    </ul>
  </div>


</div>


  <div id="toc" class="toc-article">
    <strong class="toc-title">文章目录</strong>
    <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#sublimetext"><span class="toc-text">SublimeText</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#插件安装"><span class="toc-text">插件安装：</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1-package-control"><span class="toc-text">1. Package Control</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-markdown-editing"><span class="toc-text">2. Markdown Editing</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-markdown-preview"><span class="toc-text">3. Markdown Preview</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#其他链接"><span class="toc-text">其他链接：</span></a></li></ol>
  </div>



<div class="content content-post CENTER">
   <article id="post-write-markdown-using-sublimetext-on-windows" class="article article-type-post" itemprop="blogPost">
  <header class="article-header">
    <h1 class="post-title">使用SublimeText 编辑Markdown 文件并预览</h1>

    <div class="article-meta">
      <span>
        <i class="icon-calendar"></i>
        <span>2015.04.26</span>
      </span>

      
        <span class="article-author">
          <i class="icon-user"></i>
          <span>hanlyjiang@outlook.com</span>
        </span>
      

      
  <span class="article-category">
    <i class="icon-list"></i>
    <a class="article-category-link" href="/categories/杂项/">杂项</a> / <a class="article-category-link" href="/categories/杂项/Markdown/">Markdown</a>
  </span>



      
        <span>
          <i class="icon-comment"></i>
          <a href="http://hanlyjiang.site/2015/04/26/write-markdown-using-sublimetext-on-windows/#disqus_thread"></a>
        </span>
      

      
      <i class="fa fa-eye"></i> 
        <span id="busuanzi_container_page_pv">
           &nbsp热度 <span id="busuanzi_value_page_pv">
           <i class="fa fa-spinner fa-spin"></i></span>℃
        </span>
      

      
      
    </div>
  </header>

  <div class="article-content">
    
      <!-- toc -->
<ul>
<li><a href="#sublimetext">SublimeText</a></li>
<li><a href="#&#x63D2;&#x4EF6;&#x5B89;&#x88C5;">&#x63D2;&#x4EF6;&#x5B89;&#x88C5;&#xFF1A;</a><ul>
<li><a href="#1-package-control">1. Package Control</a></li>
<li><a href="#2-markdown-editing">2. Markdown Editing</a></li>
<li><a href="#3-markdown-preview">3. Markdown Preview</a></li>
</ul>
</li>
<li><a href="#&#x5176;&#x4ED6;&#x94FE;&#x63A5;">&#x5176;&#x4ED6;&#x94FE;&#x63A5;&#xFF1A;</a></li>
</ul>
<!-- tocstop -->
<h2 id="sublimetext"><a href="#SublimeText" class="headerlink" title="SublimeText"></a>SublimeText</h2><p>&#x4E0B;&#x8F7D;&#x94FE;&#x63A5;&#xFF1A;    </p>
<p>SublimeText2:  <a href="http://www.sublimetext.com/2" target="_blank" rel="external">http://www.sublimetext.com/2</a><br>SublimeText3:  <a href="http://www.sublimetext.com/3" target="_blank" rel="external">http://www.sublimetext.com/3</a>   </p>
<p>&#x9009;&#x62E9;&#x5BF9;&#x5E94;&#x7CFB;&#x7EDF;&#x7684;&#x5B89;&#x88C5;&#x5305;&#x4E0B;&#x8F7D;&#x5C31;&#x53EF;&#x4EE5;&#x4E86;&#xFF0C;&#x4E0B;&#x8F7D;&#x5B89;&#x88C5;&#x540E;&#x5728;&#x6587;&#x4EF6;&#x4E0A;&#x53F3;&#x952E;&#x5C31;&#x53EF;&#x4EE5;&#x9009;&#x62E9;&#x7528;SublimeText &#x7F16;&#x8F91;&#x4E86;&#x3002;    </p>
<h2 id="&#x63D2;&#x4EF6;&#x5B89;&#x88C5;"><a href="#&#x63D2;&#x4EF6;&#x5B89;&#x88C5;&#xFF1A;" class="headerlink" title="&#x63D2;&#x4EF6;&#x5B89;&#x88C5;&#xFF1A;"></a>&#x63D2;&#x4EF6;&#x5B89;&#x88C5;&#xFF1A;</h2><h3 id="1-package-control"><a href="#1-Package-Control" class="headerlink" title="1. Package Control"></a>1. Package Control</h3><p>&#x7F51;&#x5740;&#xFF1A; <a href="https://packagecontrol.io/installation" target="_blank" rel="external">https://packagecontrol.io/installation</a>        </p>
<ul>
<li>&#x5B89;&#x88C5;&#x65B9;&#x5F0F;&#xFF1A;<br>  1 . &#x590D;&#x5236;&#x7F51;&#x9875;&#x5DE6;&#x8FB9;&#x7684;&#x4E00;&#x6BB5;python&#x4EE3;&#x7801;&#xFF08;&#x6839;&#x636E;SublimeText&#x7248;&#x672C;&#x9009;&#x62E9;&#xFF09;&#xFF0C;&#x5728;SublimeText&#x4E2D;&#x6309;<em>Ctrl+`</em> &#xFF0C;&#x7136;&#x540E;Enter&#x952E;&#x56DE;&#x8F66;&#x3002;<br>  2 . &#x9000;&#x51FA;&#x91CD;&#x65B0;&#x6253;&#x5F00;&#x3002;<br>  3 . &#x6B64;&#x65F6;&#x5C31;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x83DC;&#x5355;&#x4E2D;&#x7684; Preferences &#x2013;&gt; Package Control &#x6765;&#x4F7F;&#x7528;&#x5B83;&#x4E86;&#x3002;  </li>
</ul>
<h3 id="2-markdown-editing"><a href="#2-Markdown-Editing" class="headerlink" title="2. Markdown Editing"></a>2. Markdown Editing</h3><pre><code>&#x901A;&#x8FC7; Preferences --&gt; Package Control --&gt;  Install Packages ,&#x641C;&#x7D22;&#x5B89;&#x88C5;    
</code></pre><h3 id="3-markdown-preview"><a href="#3-Markdown-Preview" class="headerlink" title="3. Markdown Preview"></a>3. Markdown Preview</h3><ol>
<li>&#x5B89;&#x88C5;&#xFF1A;&#x901A;&#x8FC7; Preferences &#x2013;&gt; Package Control &#x2013;&gt;  Install Packages ,&#x641C;&#x7D22;&#x5B89;&#x88C5;    </li>
<li>&#x4F7F;&#x7528;&#xFF1A;&#x7F16;&#x8F91;Markdown&#x6587;&#x4EF6;&#x65F6;&#x6309; <em>Ctrl</em>+<em>B</em>  &#x5C31;&#x53EF;&#x4EE5;&#x5C06;Markdown&#x6587;&#x4EF6;&#x8F6C;&#x6362;&#x4E3A;Html&#x6587;&#x4EF6;        </li>
<li><p>&#x4FEE;&#x6539;&#x914D;&#x7F6E;&#xFF1A;         </p>
<ul>
<li>&#x83DC;&#x5355; &#x2013;&gt; Preferences &#x2013;&gt; Package Settings &#x2013;&gt;  Markdown preview &#x2013;&gt; Settings - Default , <em>Ctrl</em>+<em>A</em> &#x590D;&#x5236;&#x5168;&#x90E8;&#x5185;&#x5BB9;    </li>
<li>&#x83DC;&#x5355; &#x2013;&gt; Preferences &#x2013;&gt; Package Settings &#x2013;&gt;  Markdown preview &#x2013;&gt; Settings - Default , <em>Ctrl</em>+<em>V</em> &#x7C98;&#x8D34;        </li>
<li><p>&#x4FEE;&#x6539;&#x4EE5;&#x4E0B;&#x4E09;&#x9879;       </p>
<pre><code>&quot;build_action&quot;: &quot;browser&quot;,   
&quot;file_path_conversions&quot;: &quot;relative&quot;,   
&quot;image_path_conversion&quot;: &quot;relative&quot;,   
</code></pre></li>
</ul>
</li>
</ol>
<ul>
<li>&#x53E6;&#x5916;&#x6709;&#x4E2A; Markdown Building &#x63D2;&#x4EF6;&#x4E5F;&#x662F;&#x505A;&#x76F8;&#x540C;&#x7684;&#x4E8B;&#x60C5;       </li>
</ul>
<p>OK,&#x641E;&#x5B9A;&#xFF0C;&#x5E73;&#x5E38;&#x505A;&#x7B14;&#x8BB0;&#xFF0C;&#x5199;&#x6587;&#x7AE0;&#x4EC0;&#x4E48;&#x7684;&#x5C31;&#x5F88;&#x65B9;&#x4FBF;&#x4E86;&#x3002;   </p>
<h2 id="&#x5176;&#x4ED6;&#x94FE;&#x63A5;"><a href="#&#x5176;&#x4ED6;&#x94FE;&#x63A5;&#xFF1A;" class="headerlink" title="&#x5176;&#x4ED6;&#x94FE;&#x63A5;&#xFF1A;"></a>&#x5176;&#x4ED6;&#x94FE;&#x63A5;&#xFF1A;</h2><ul>
<li>Markdown &#x8BED;&#x6CD5;&#x8BF4;&#x660E;&#xFF1A; <a href="http://www.markdown.cn/" target="_blank" rel="external">http://www.markdown.cn/</a></li>
<li><a href="http://www.oschina.net/translate/20-powerful-sublimetext-plugins" target="_blank" rel="external">20 &#x4E2A;&#x5F3A;&#x5927;&#x7684; Sublime Text &#x63D2;&#x4EF6;</a>    </li>
<li><a href="http://www.imjeff.cn/blog/146/" target="_blank" rel="external">Sublime Text 3 &#x652F;&#x6301;&#x7684;&#x70ED;&#x95E8;&#x63D2;&#x4EF6;&#x63A8;&#x8350;</a></li>
</ul>

    
  </div>
</article>

</div>


  <div class="text-center donation">
    <div class="inner-donation">
      <span class="btn-donation">支持一下</span>
      <div class="donation-body">
        <div class="tip text-center">扫一扫，支持HanlyJiang</div>
        <ul class="theme.donation.items.length">
        
          <li class="item">
            <img src="/images/qr-wechat.png" alt="">
          </li>
        
          <li class="item">
            <img src="/images/qr_zhifubao.jpg" alt="">
          </li>
        
        </ul>
      </div>
    </div>
  </div>




  <a id="backTop" class="back-top">
    <i class="icon-angle-up"></i>
  </a>




  <div class="modal" id="modal">
  <span id="cover" class="cover hide"></span>
  <div id="modal-dialog" class="modal-dialog hide-dialog">
    <div class="modal-header">
      <span id="close" class="btn-close">关闭</span>
    </div>
    <hr>
    <div class="modal-body">
      <ul class="list-toolbox">
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/archives/"
              rel="noopener noreferrer"
              target="_self"
              >
              博客
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/category/"
              rel="noopener noreferrer"
              target="_self"
              >
              分类
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/tag/"
              rel="noopener noreferrer"
              target="_self"
              >
              标签
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/about/"
              rel="noopener noreferrer"
              target="_self"
              >
              关于
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/atom.xml"
              rel="noopener noreferrer"
              target="_blank"
              >
              RSS
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/search/"
              rel="noopener noreferrer"
              target="_self"
              >
              搜索
            </a>
          </li>
        
      </ul>

    </div>
  </div>
</div>



  
      <div class="fexo-comments comments-post">
    
  <section class="disqus-comments">
    <div id="disqus_thread">
      <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    </div>
  </section>

  <script>
    var disqus_shortname = 'forsigner';
    
    var disqus_url = 'http://hanlyjiang.github.io/2015/04/26/write-markdown-using-sublimetext-on-windows/';
    
    (function(){
      var dsq = document.createElement('script');
      dsq.type = 'text/javascript';
      dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  </script>

  <script id="dsq-count-scr" src="//forsigner.disqus.com/count.js" async></script>



    




  </div>

  

  <script type="text/javascript">
  function loadScript(url, callback) {
    var script = document.createElement('script')
    script.type = 'text/javascript';

    if (script.readyState) { //IE
      script.onreadystatechange = function() {
        if (script.readyState == 'loaded' ||
          script.readyState == 'complete') {
          script.onreadystatechange = null;
          callback();
        }
      };
    } else { //Others
      script.onload = function() {
        callback();
      };
    }

    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
  }

  window.onload = function() {
    loadScript('/js/bundle.js?235683', function() {
      // load success
    });
  }
</script>

</body>
</html>
